<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>数字党建</title>
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="echarts.min.js"></script>
  <!--<script src="http://echarts.baidu.com/resource/echarts-gl-latest/dist/echarts-gl.min.js"></script>-->
  <script src="https://gallery.echartsjs.com/dep/echarts/map/js/china.js"></script>
  <!--<script src="http://data-visual.cn/datav/src/js/echarts/extension/echarts-wordcloud.min.js"></script>-->
  <!--<script src="./js/echarts-gl.min.js"></script>-->
  <script src="./js/echarts-wordcloud.min.js"></script>
</head>
<body id="body">
<!--<img src="images/bg.jpg" alt="" class="bgImg">-->
<div class="title">
  <p class="title-p1">中国机械工业集团有限公司</p>
  <p class="title-p2"> 数字党建-实时可视化</p>
</div>
<div class="container">
  <div class="echartList" id="echartList"></div>
  <div class="list2-container">
    <div class="list2-desc-box">
      <div class="left">
        <div class="">
          <p class="count">300个</p>
        </div>
        <div style="display: flex;align-items: center">
          <img src="./images/dang-icon.png" alt="" style="margin-right: 10px">
          党组织总数
        </div>
      </div>
      <div class="right">
        <div class="">
          <p class="count">8000个</p>
        </div>
        <div style="display: flex;align-items: center" >
          <img src="./images/kehu.png" alt="" style="margin-right: 10px">
          党员总数
        </div>
      </div>
    </div>
    <div class="echartList echartList2" id="echartListMap"></div>
  </div>
  <div>
    <div class="updateTime">数据跟新时间：2018年12月03日</div>
    <div class="echartList echartList3" id="echartListActive"></div>
  </div>
  <div class="echartList echartList4" id="echartListWord"></div>
  <div class="echartList echartList5" id="echartListReading"></div>
  <div class="echartList echartList5" id="echartListAge"></div>
  <div class="echartList echartList7" id="echartListCount"></div>
  <div class="echartList echartList8" id="echartListCate"></div>
</div>
<script src="js/list1.js"></script>
<script src="js/list2.js"></script>
<script src="js/list3.js"></script>
<script src="js/list4.js"></script>
<script src="js/list5.js"></script>
<script src="js/list6.js"></script>
<script src="js/list7.js"></script>
<script src="js/list8.js"></script>
<script>
  window.onload = function () {
    fullScreen(document.getElementById('body'))

    function fullScreen(element) {
      if (element.requestFullScreen) {
        element.requestFullScreen();
      } else if (element.webkitRequestFullScreen) {
        element.webkitRequestFullScreen();
      } else if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
      }
    }
  }
</script>

</body>
</html>